.mod.MediaSlider { width: auto; height: auto; }
.MediaSlider .slider-container {
	position: relative; overflow: hidden;
}
.MediaSlider .slider-ul {
	overflow: hidden; position: absolute; z-index: 10;
}
.MediaSlider .slider-item {
	list-style-type: none;
	float: left; position: relative; background: center center no-repeat;
}

.MediaSlider span.left, .MediaSlider span.right {
	width: 10%; height: 100%; z-index: 99; opacity: 0.54;
}
.MediaSlider span.left:hover, .MediaSlider span.right:hover {
	opacity: 0.8; cursor: pointer;
}

.MediaSlider span.left {
	position: absolute; left: 0;
	float: left;
	background: url( http://central.onedotonly.be/style/modules/media.album/circle.left.png ) no-repeat center;
}
.MediaSlider span.right {
	position: absolute; right: 0;
	float: right;
	background: url( http://central.onedotonly.be/style/modules/media.album/circle.right.png ) no-repeat center;
}
.MediaSlider span.numbers {
	position: absolute; top: 10px; right: 15px; z-index: 100;
}
.MediaSlider span.numbers.dots .number {
	text-indent: -100000px;
}
.MediaSlider span.numbers .number {
	display: block; float: left; width: 16px; height: 13px;
	text-align: center; padding-top: 3px;
	background: #ddd; margin-right: 5px; -webkit-border-radius: 8px; 
}
.MediaSlider span.numbers .number.active { background: white; }

.MediaSlider .slider-item-inner {
	position: absolute; bottom: 15px; right: 15px;
	display: block;	
	padding: 6px 25px 3px 5px;
	background: white; -webkit-border-radius: 3px;
}
.MediaSlider .slider-item .over { display: block; }
.MediaSlider .slider-item .slider-item-content { display: none; }